    Ext.onReady(function () {		
		var store = Ext.create('Ext.data.ArrayStore', {
			storeId: 'myStore',		
			fields: [{name:'serviceName',type:'string'}],		
			proxy: {
				type: 'ajax',
				url: '/getAllServerName',// 请求
				reader: {
					type: 'json'
				},
				extractResponseData : function(response) {								
					var sum='[';
					for(var i=0;i<response.responseJson.length;i++){						
						sum=sum+'[\"'+response.responseJson[i]+'\"],';						
					}
					sum=sum.substring(0,sum.length-1);
					sum=sum+']';							
					response.responseJson=Ext.decode(sum);					
					return response;
				}
			},
			autoLoad:true
		});		
		
		var grid=Ext.create('Ext.grid.Panel', {
			border: true,
			layout:'fit',
			title: '微服务列表',
			store: store,
			loadMask: true,	
			plugins: {
				gridfilters: true// 启用filters
			},
			columns:[{
            xtype: 'rownumberer',
            width: 70,
            sortable: false,  	
            variableRowHeight: true,
            xhooks: {
                defaultRenderer: function(v, meta, record) {
                    return this.callParent(arguments);
                }
            }
        },{
            text: '服务名',
            flex:1 ,
            sortable: false,  
            dataIndex: 'serviceName',
			filter: {// 用于形成搜索框
                type: 'string',
                emptyText:'输入要搜索的服务名',
                serializer: function(filter) {
                    return filter.value;
                }
            }
        },{
			text: '配置修改',
            align: 'center',
			width: 220,
			sortable: false,  
            renderer: function (value, metaData, record) {					
                    var id = metaData.record.id;
                    Ext.defer(function () {
                        Ext.widget('toolbar', {
                            renderTo: id,
                            dock: 'top',
                            ui: 'footer',
                            height: 40,
                            width: 200,
                            items: [
                                {
                                    xtype: 'button',
                                    width: 50,
                                    height: 25,
									padding:'0 0 0 0',
                                    text: '下载',
                                    handler: function () {
// 										Ext.MessageBox.show({
// 　　　　　　　　									title:'请稍等',
// 　　　　　　　　									msg:'正在获取中....',　　　　　　　
// 　　　　　　　　									width:150,　　　　　　　　
// 　　　　　　　　									closable:false // 是否有右上角的关闭按钮
// 　　　　　　								});
										// var tempForm = document.createElement("form");
										//  tempForm.type = "hidden";
										//  tempForm.style = 'display:none';
										//  tempForm.action = 'http://localhost:9001/fileDownload?fileName='+record.data.serviceName.toLowerCase();
										//  console.log(tempForm.action);
										//  alert("www");
										//  document.getElementById('app').appendChild(tempForm); // 将表单放置在web中
										//  tempForm.submit(); // 表单提交
										//  tempForm.remove(); // 表单移除
										window.open('/fileDownload?fileName='+record.data.serviceName.toLowerCase());
//										Ext.Ajax.request({
//                                                url: 'http://localhost:9001/fileDownload?fileName='+record.data.serviceName.toLowerCase(),
//                                                async: true,   // ASYNC 是否异步(
//																// TRUE 异步 ,
//																// FALSE 同步)
//                                                success: function (response, opts) {
//													Ext.MessageBox.hide();// 完成后隐藏消息框
//                                                },
//                                                failure: function (response, opts) {
//                                                	Ext.Msg.alert('失败', '该功能暂时不可用！');
//                                                }
//                                            });
                                    }
                                },'-',{
                                    xtype: 'button',
                                    width: 50,
                                    height: 25,
									padding:'0 0 0 0',
                                    text: '上传',
                                    handler: function () {

                                        var form = new Ext.FormPanel({											
											bodyStyle: 'padding:5px 5px 0',
											layout: 'form',					
											items: [{
													xtype: 'filefield',
													name: 'file',
													id:'logfile',
													fieldLabel: '配置文件',
													labelWidth: 60,
													msgTarget: 'side',
													fileUpload: true,
													allowBlank: false,
													anchor: '100%',
													buttonText: '选择文件路径',
													validator: function (value) {
														if (value != "") {
															// 将文件名用”.”区分，取最后一部分来判断后缀
															fileName = value.substring(value.lastIndexOf('/') + 1);// 取文件最后的名字来储存文件名字
															var arr = value.split('.');
															// 判断是不是图片类型的文件两种格式均可
															if (arr[arr.length - 1].toLowerCase() != 'yml')
																return false;
															else
																return true;
														}
													}
											}],
												buttonAlign: 'center',
									buttons: [{
										text: '上传',
										buttonAlign: 'center',
										handler: function (value) {
										if (form.isValid()) {
											Ext.MessageBox.show({   
　　　　　　　　									title:'请稍等',
　　　　　　　　									msg:'正在上传',
　　　　　　　　									progress:true,  // 是否产生进度条
　　　　　　　　									width:150,
　　　　　　　　									wait:true,   
　　　　　　　　									waitConfig:{   
　　　　　　　　　　　　　　　							interval:1500,   // 1.5s进度条自动加载一定长度
　　　　　　　　　　　　　　　							duration:15000// 执行进度的持续时间，超过这个时间后，interval失效，进度条消失，但进度框也不会消失。
　　　　　　　　　　　　　　　						},   
　　　　　　　　									closable:false // 是否有右上角的关闭按钮
　　　　　　								});　　　　　　    
  
											
											fileEl = Ext.getCmp('logfile').fileInputEl.dom;
											var fd =new FormData();
											fd.append('file',fileEl.files[0]);
											Ext.Ajax.request({
												url:'/fileUpload',
												cors:true,
												useDefaultXhrHeader:false,
												method:'post',
												rawData:fd,
												headers: {
													"Content-Type":null   /* 最重要的部分，将Content-Type设置成null，ExtJs则会由内部的XMLHTTPRequest自动生成包含boundary的Content-Type，否则在使用rawData的情况下，ExtJs会将Content-Type设置成text/plain */
												},
												success:function (res,opts) {
													Ext.MessageBox.hide();// 完成后隐藏消息框
													Ext.Msg.alert('成功', '上传成功');
													win.close();
												},
												failure:function (res,opts) {
													Ext.MessageBox.hide();// 完成后隐藏消息框
													Ext.Msg.alert('失败', '该功能暂时不可用！');
												}
											});
										}
										}
									}]
									});
										var win = Ext.create("Ext.window.Window", {
												title: '上传配置文件', // 标题
												draggable: false,
												icon: '../css/images/icons/fam/folder_go.gif',
												height: 150,                          // 高度
												width: 500,                           // 宽度
												layout: "fit",                        // 窗口布局类型
												modal: true, // 是否模态窗口，默认为false
												resizable: false,
												items: [form]
										});
										win.show();									
                                    }
                                },'-',{
                                    xtype: 'button',
                                    width: 50,
                                    height: 25,
									padding:'0 0 0 0',
                                    text: '刷新',                                   
                                    handler: function () {
										Ext.MessageBox.show({   
　　　　　　　　									title:'请稍等',
　　　　　　　　									msg:'正在刷新',
　　　　　　　　									progress:true,  // 是否产生进度条
　　　　　　　　									width:150,
　　　　　　　　									wait:true,   
　　　　　　　　									waitConfig:{   
　　　　　　　　　　　　　　　							interval:1500,   // 1.5s进度条自动加载一定长度
　　　　　　　　　　　　　　　							duration:15000// 执行进度的持续时间，超过这个时间后，interval失效，进度条消失，但进度框也不会消失。
　　　　　　　　　　　　　　　						},   
　　　　　　　　									closable:false // 是否有右上角的关闭按钮
　　　　　　							});																		
											Ext.Ajax.request({												
                                                url: '/refreshClient',
												// cors:true,
												method:'post',
												params: {
                                                    serviceName: record.data.serviceName.toLowerCase()
                                                },
                                                async: true,   // ASYNC 是否异步(
																// TRUE 异步 ,
																// FALSE 同步)
                                                success: function (response, opts) {													
													Ext.MessageBox.hide();// 完成后隐藏消息框
													Ext.Msg.alert('成功', '刷新成功');
                                                },
                                                failure: function (response, opts) {
													Ext.MessageBox.hide();// 完成后隐藏消息框
                                                    Ext.Msg.alert('失败', '该功能暂时不可用！');
                                                }
                                            });										　　　　　   										
                                    }
                                }
                            ]
                        });
                    }, 50);
                    return Ext.String.format('<div id="{0}"></div>', id);
            }           
		}],      
    });
        Ext.create('Ext.Viewport', {
                title: '配置文件修改页面',
                layout: 'border',
                items: [{
                    title: '配置文件修改页面',
                    region: 'north',     // position for region
                    xtype: 'panel',
                    height: 50,
                    split: true,         // enable resizing
                    margin: '0 5 5 5',
					header:false,
					html:'<p style="text-align:center; font-size:20px;font-weight:bold;">配        置        文        件        修        改        页        面</p>'
                },{
                    title: '微服务列表',
                    region: 'center',     // center region is required, no
											// width/height specified
                    layout: 'fit',
                    margin: '5 5 0 0',
                    items:[grid],
					header:false
                }]
            });
});